<!--
 * @authors 沙洲 chenchenyixin@qq.com http://gitee.com/shazhou
 * @date    2019-12-27 14:02:43
-->
<template>
  <panel title="生活服务">
  	<section class="content">
  		<div class="item" v-for="(item,index) of items" :key="index">
  			<img :src="item.src" alt="">
  			<p>{{item.title}}</p>
  			<p class="sign" v-if="item.dsc.length>0">{{item.dsc}}</p>
  		</div>
  	</section>
  </panel>
</template>

<script>
import panel from '../../../components/panel.vue'
export default {
  name: 'life',
  data(){
	  return{
	  	items:[{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t4375/104/1184122472/3976/89741da4/58be8a6eNf10193d0.png?width=135&height=135',
	  		title:'惠加油',
	  		dsc:''
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t4747/185/1901740991/5892/1383fb93/58f57851N17ee6993.jpg?width=132&height=132',
	  		title:'小白信用',
	  		dsc:'全新升级'
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3241/234/8044685271/3713/7b29f77f/58be89c8Nb9d41295.png?width=135&height=135',
	  		title:'信用卡还款',
	  		dsc:''
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3172/259/7993557249/4351/fd082707/58be8a81Nd7716a06.png?width=135&height=135',
	  		title:'卡转让',
	  		dsc:''
	  	},{
	  		src:'//img12.360buyimg.com/jrpmobile/jfs/t3085/320/8107659086/4344/cdbba2dd/58be8acfNdadcaf00.png?width=135&height=135',
	  		title:'定期还款',
	  		dsc:''
	  	}]
	  }
  },
  props:{
  
  },
  components:{
  	panel
  },
  created(){

  },
  mounted(){

  },
  methods:{

  }
}
</script>
<style lang="stylus" scoped>
@import '~@/assets/stylus/mixins.styl'
.content
	list(flex,row)
	padding:10px 0
	.item
		flex:1
		width:20%
		p
			ellipsis(1)
			text-align:center
			font-size:12px
			margin-top:10px
		.sign
			color:#FF801A
		img
			width:60%
			margin:0 auto
			display:block

</style>


